<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <style>

    </style>
</head>
<body>
<form action="">
<!--    1.placeholder提示 -->
<!--    2.required必填,radio要求必须一个，而checkbox要求必选指定项 -->
<!--    3.autofocus 光标自动停在那,多个的话会停在先写的那个 radio和checkbox太丑，不用 -->
<!--    4.autocomplete on/off 自动完成,on并提交后(浏览器要调整 地址和其他信息，开启保存并填写地址)，下次光标点击就有提示,不能写在密码,单选，多选textarea上 -->
<!--    5.pattern 控制单行输入框，正则表达式,不加required无效 -->
    账号：<input type="text" name="account" placeholder="请输入" required autofocus autocomplete="on"
         pattern="\w{6}"> <br>
    密码：<input type="password" name="password" placeholder="请输入" > <br>
    性别：<input type="radio" name="sex" value="0" >男<input type="radio" name="sex" value="1">女 <br>
    爱好：<input type="checkbox" name="hobby" value="0">唱歌<input type="checkbox" name="hobby" value="2">跳舞<input type="checkbox" name="hobby" value="3">游戏 <br>
    其它：<textarea name="other" ></textarea> <br>
    <button type="submit">提交</button>
</form>
</body>
</html>